/* 在style.css或education-style.css中添加以下样式 */
.news-image {
    max-width: 100%; /* 确保图片宽度不超过父容器 */
    height: auto; /* 自动调整高度以保持图片比例 */
    margin-bottom: 20px; /* 添加底部间距 */
}
/* 在style.css或education-style.css中添加以下样式 */
.news-image {
    max-width: 100%; /* 确保图片宽度不超过父容器 */
    height: auto; /* 自动调整高度以保持图片比例 */
    margin-bottom: 20px; /* 添加底部间距 */
}
/* 在style.css或style2.css中添加以下样式 */
.news-title {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.news-date, .news-source, .news-author {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.news-subtitle {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
/*学社端*/
/* 在style.css或style2.css中添加以下样式 */
.news-title {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.news-date, .news-source, .news-author {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.news-subtitle {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.news-image {
    max-width: 100%; /* 确保图片宽度不超过父容器 */
    height: auto; /* 自动调整高度以保持图片比例 */
    margin-bottom: 20px; /* 添加底部间距 */
}
/*教师端*/
/* 在style.css或style2.css中添加以下样式 */
.news-title {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #333;
}

.news-date, .news-source, .news-author {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.news-subtitle {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    color: #333;
}

.news-image {
    max-width: 100%; /* 确保图片宽度不超过父容器 */
    height: auto; /* 自动调整高度以保持图片比例 */
    margin-bottom: 20px; /* 添加底部间距 */
    border-radius: 8px; /* 添加圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}

.news-article p {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 1rem;
}

.news-article strong {
    font-weight: bold;
    color: #333;
}

.news-article h3 {
    font-weight: bold;
    color: #333;
}
